
.page-two {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#picture {
	position: relative;
	left: -47%;
}

#picture img:nth-child(1) {
	width: 15.09rem;
	margin-top: -7%;
}

#picture img:nth-child(2) {
	width: 15.26rem;
	position: absolute;
	left: -27%;
	top: 39%;
}

#picture img:nth-child(3) {
	width: 13.8rem;
	position: absolute;
	top: 46%;
	left:18%;
}

#con1 {
	position: absolute;
	width: 5rem;
	left: 15%;
	top: 8%;
	opacity: 0.9;
}

#con2 {
	position: absolute;
	width: 6.5rem;
	left: 4%;
	top: 40%;
	opacity: 0.7;
	opacity: 0.8;
}

#fot {
	position: absolute;
	width: 0.85rem;
	height: 0.85rem;
	font-size: 0.26em;
	background-color: rgba(219, 37, 37, 0.4);
	text-align: center;
	color: white;
	left: 44%;
	transform: rotate(45deg);
	top: 79%;
	letter-spacing: 0.08rem;
}

#fot span {
	transform: rotate(-48deg);
	display: block;
	position: relative;
	left: -7%;
	opacity: 1;
	top: 15%;
}

#bg {
	transform: rotate(14deg);
	width: 0.3rem;
	position: relative;
	left: 28%;
	margin-top: 17%;
}

#bot2 {
	position: absolute;
	left: 44%;
	top: 94%;
	width: 0.8rem;
	opacity: 0.6;
}


/*动画*/

#bg {
	animation: bg1 4s linear infinite;
}

@keyframes bg1 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

#bot2,#bot {
	animation: fot 2s 1s linear infinite;
}

@keyframes fot {
	0% {
		opacity: 0.6;
		transform: translateY(0.1rem);
	}
	100% {
		opacity: 0;
		transform: translateY(-0.1rem)
	}
}